// 颜色系统
$primary-color: #165DFF; // 主色
$primary-hover: #0E42D2; // 主色悬浮
$primary-active: #0E42D2; // 主色激活
$primary-light: #E8F3FF; // 主色浅色
$primary-light-hover: #D4E7FF; // 主色浅色悬浮

$success-color: #00B42A; // 成功色
$warning-color: #FF7D00; // 警告色
$error-color: #F53F3F; // 错误色
$info-color: #165DFF; // 信息色

$text-primary: #1D2129; // 主要文本
$text-secondary: #4E5969; // 次要文本
$text-tertiary: #86909C; // 第三级文本
$text-disabled: #C9CDD4; // 禁用文本

$border-color: #E5E6E8; // 边框颜色
$border-color-hover: #C9CDD4; // 边框悬浮颜色
$border-color-active: #165DFF; // 边框激活颜色

$background-primary: #FFFFFF; // 主要背景
$background-secondary: #F7F8FA; // 次要背景
$background-tertiary: #F2F3F5; // 第三级背景
$background-mask: rgba(0, 0, 0, 0.45); // 遮罩背景

$background-light: #F1F6FB;
$background-white: #FFFFFF;
$danger-color: #F53F3F;

// 响应式断点
$breakpoints: (
    'xs': 375px,
    // 超小屏幕
    'sm': 576px,
    // 小屏幕
    'md': 768px,
    // 中等屏幕
    'lg': 992px,
    // 大屏幕
    'xl': 1200px,
    // 超大屏幕
    'xxl': 1440px // 超超大屏幕
);

// 间距单位
$spacing-unit: 4px;
$spacing-xs: $spacing-unit; // 4px
$spacing-sm: $spacing-unit * 2; // 8px
$spacing-md: $spacing-unit * 4; // 16px
$spacing-lg: $spacing-unit * 6; // 24px
$spacing-xl: $spacing-unit * 8; // 32px
$spacing-xxl: $spacing-unit * 12; // 48px

// 字体设置
$font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
$font-family-code: 'Fira Code', 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;

$font-size-xs: 12px; // 超小字体
$font-size-sm: 14px; // 小字体
$font-size-md: 16px; // 中等字体
$font-size-lg: 20px; // 大字体
$font-size-xl: 24px; // 超大字体
$font-size-xxl: 24px; // 超超大字体

$font-weight-regular: 400; // 常规
$font-weight-medium: 500; // 中等
$font-weight-semibold: 600; // 半粗
$font-weight-bold: 700; // 粗体

// 行高
$line-height-tight: 1.2; // 紧凑
$line-height-normal: 1.5; // 正常
$line-height-loose: 1.8; // 宽松

// 圆角
$border-radius-sm: 4px; // 小圆角
$border-radius-md: 8px; // 中等圆角
$border-radius-lg: 12px; // 大圆角
$border-radius-xl: 12px; // 超大圆角
$border-radius-circle: 50%; // 圆形

// 阴影
$shadow-sm: 0px 1px 3px rgba(29, 33, 41, 0.1); // 小阴影
$shadow-md: 0px 4px 10px rgba(0, 0, 0, 0.1); // 中等阴影
$shadow-lg: 0px 8px 16px rgba(0, 0, 0, 0.1); // 大阴影
$shadow-xl: 0 12px 24px rgba(0, 0, 0, 0.16); // 超大阴影
$shadow-focus: 0 0 0 2px rgba(22, 93, 255, 0.2); // 焦点阴影
$shadow-chat-area: 0px 4px 12px rgba(29, 33, 41, 0.08); // 聊天区域阴影

// 动画
$transition-fast: 0.2s ease; // 快速过渡
$transition-normal: 0.3s ease; // 正常过渡
$transition-slow: 0.4s ease; // 慢速过渡

$easing-ease: ease; // 缓动
$easing-ease-in: ease-in; // 缓入
$easing-ease-out: ease-out; // 缓出
$easing-linear: linear; // 线性

// z-index
$z-index-dropdown: 1000; // 下拉菜单
$z-index-sticky: 1020; // 粘性定位
$z-index-fixed: 1030; // 固定定位
$z-index-modal-backdrop: 1040; // 模态框背景
$z-index-modal: 1050; // 模态框
$z-index-popover: 1060; // 弹出框
$z-index-tooltip: 1070; // 工具提示

// 侧边栏宽度
$sidebar-width: 280px;
$sidebar-collapsed-width: 64px;